﻿@page "/"

<PageTitle>Home</PageTitle>

<PersonalWeb.Client.Pages.ImageBackground></PersonalWeb.Client.Pages.ImageBackground>
<div style="padding:20px;">
    <h1>Dickred的网站</h1>

    <p>Dickred的网站是一个个人网站，旨在分享我的生活、工作和兴趣爱好。这里有我的博客、项目展示以及一些有趣的内容，希望你能喜欢。还有一件事，V我50。</p>

    <hr />
    <div style="display:flex; flex-wrap:wrap">
        <div style="width:25%;">
            <figure>
                <NavLink href="starrail">
                    <img src="/images/home-button-image/StarRail.webp" style="width:stretch; border-radius:8px; margin:20px; box-shadow: 0 4px 12px rgba(0,0,0,5); margin-right: 20px;" />
                </NavLink>
                <figcaption style="text-align:center; font-size:18px">星穹铁道</figcaption>
            </figure>
        </div>
        <div style="width:25%;">
            <figure>
                <NavLink href="terraria">
                    <img src="/images/home-button-image/Terraria.webp" style="width:stretch; border-radius:8px; margin:20px; box-shadow: 0 4px 12px rgba(0,0,0,5); margin-right: 20px;" />
                </NavLink>
                <figcaption style="text-align:center; font-size:18px">泰拉瑞亚</figcaption>
            </figure>
        </div>
        <div style="width:25%;">
            <figure>
                <NavLink href="wukong">
                    <img src="/images/home-button-image/WuKong.webp" style="width:stretch; border-radius:8px; margin:20px; box-shadow: 0 4px 12px rgba(0,0,0,5); margin-right: 20px;" />
                </NavLink>
                <figcaption style="text-align:center; font-size:18px">黑神话·悟空</figcaption>
            </figure>
        </div>
    </div>
</div>